<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<!--声明文档兼容模式，表示使用IE浏览器的最新模式-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!--设置视口的宽度(值为设备的理想宽度)，页面初始缩放值<理想宽度/可见宽度>-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>注册页面</title>

		<!-- 引入Bootstrap核心样式文件 -->
		<link href="../css/bootstrap.css" rel="stylesheet">
		<!-- 引入jQuery核心js文件 -->
		<script src="../js/jquery-1.11.3.min.js"></script>
		<!-- 引入BootStrap核心js文件 -->
		<script src="../js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/front/register.css" />

		<script src="../js/front/register.js" ></script>
	</head>

	<body>
		<!--导航-->
		<div class="head">
			<div class="container ">
				<div class="row">

					<div class="col-lg-2 col-md-2 col-sm-2 head-left">
						<a href="blog">博客园</a>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-7">

					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 head-right">
						<a href="login">登录</a>
						<a href="register">注册</a>
					</div>

				</div>
			</div>
		</div>

		<!--注册-->
		<div class="container middle">
			<div class="row">
				<div class="col-lg-2 col-md-2 col-sm-2">

				</div>
				<div class="col-lg-8 col-md-8 col-sm-8">
					<div class="row zc">
						<span style="font-size: 16px;">注册新用户</span>
					</div>
					<!--表单-->

					<form action="register" method="post" onsubmit="return regForm()">
						<div class="row form">
							<div class="col-lg-2 col-md-2 col-sm-2">
								<div class="row">
									<span>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱</span>
								</div>
								<div class="row">
									<span>手机号码</span>
								</div>
								<div class="row">
									<span>昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称</span>
								</div>
								<div class="row">
									<span>Q&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Q</span>
								</div>
								<div class="row">
									<span>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码</span>
								</div>
								<div class="row">
									<span>确认密码</span><br />
								</div>
								
								
								
								
								
								

							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 center">
								<div class="row">
									<input type="text" id="email" name="email" value="" placeholder="请输入邮箱" onfocusout="check('email')" /><label id="emailLabel"></label>
								</div>
								<div class="row">
									<input type="text" id="phone" name="phone" value="" placeholder="请输入手机号码" onfocusout="check('phone')" /><label id="phoneLabel"></label>
								</div>
								
								<div class="row">
									<input type="text" id="uname" name="uname" value="" placeholder="请输入昵称" onfocusout="check('uname')" /><label id="unameLabel">${unameLabel }</label>
								</div>
								
								<div class="row">
									<input type="text" id="qqnum" name="qqnum" value="" placeholder="请输入QQ号码" onfocusout="check('qqnum')" /><label id="qqnumLabel"></label>
								</div>
								
								<div class="row">
									<input type="password" id="password" name="password" value="" placeholder="请输入密码" onfocusout="check('password')" /><label id="passwordLabel"></label>
								</div>
								
								<div class="row">
									<input type="password" id="pwd" name="pwd" value="" placeholder="请确认密码" onfocusout="check('pwd')" /><label id="pwdLabel"></label>
								</div>
								
								<div class="row">
									<input type="submit" id="zc" name="zc" value="注册" />
								</div>
								
								
								
								
								
								
								

								
							</div>
							<div class="col-lg-4 col-md-4 col-sm-4 right">
								<img src="../img/registersideimg.png" />
							</div>
						</div>

					</form>

				</div>
			</div>
		</div>
	</body>

</html>